<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    .img-box {
        width: 700px;
        height: 700px;
        background-color: pink;
    }

    .img {
        width: 500px;
        height: 400px;
        margin: 100px;
        border: 10px solid black;
        /* padding-left: 10px;
        padding-top: 20px;
        padding-right: 30px;
        padding-bottom: 40px; */
        padding: 10px 20px 30px 40px;
        /* content: "我是内容"; */
    }

    ul li {
        float: left;
        list-style: none;
        /* 通过padding来设置li的间距,把内容撑开 */
        padding: 0px 5px;
    }
</style>

<body>
    <div class="img-box">
        <img class="img" src="image.png" alt="这是一张图片">
    </div>

    <ul>
        <li><a href="https://www.baidu.com">taobao</a></li>
        <li><a href="https://www.taobao.com">baidu</a></li>
        <li><a href="https://www.jd.com">jigndong</a></li>
        <li><a href="https://www.1688.com">1688</a></li>
        <li><a href="https://www.1688.com">345345</a></li>
        <li><a href="https://www.1688.com">34534667</a></li>
    </ul>

</body>

</html>